<!--
 * @Author: hq
 * @Date: 2022-07-01 18:00:55
 * @LastEditors: hq
 * @LastEditTime: 2022-07-01 18:14:59
 * @Description: your project
 * @version: 1.0
-->
<template>
  <div>
    <div class="row">
      <div class="col">
        <div>汇付唯一识别号：</div>
        <div>{{ rowData.hf_id }}</div>
      </div>
      <div class="col">
        <div>申请单号：</div>
        <div>{{ rowData.apply_no }}</div>
      </div>
    </div>
    <el-table
      border
      :data="rowData.res"
      :header-cell-style="{
        'text-align': 'center',
      }"
      :cell-style="{ 'text-align': 'center' }"
      style="width: 100%"
      highlight-current-row
    >
      <el-table-column prop="audit_status" label="审核状态" min-width="20%">
      </el-table-column>
      <el-table-column prop="audit_desc" label="审核描述" min-width="20%">
      </el-table-column>
      <el-table-column prop="audit_time" label="审核时间" min-width="20%">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  props: ["rowData"],
  created() {
    console.log(this.rowData);
  },
};
</script>

<style lang="scss" scoped>
.row {
  display: flex;
  padding: 0 0 20px 20px;
  box-sizing: border-box;

  .col {
    width: 50%;
    display: flex;
    align-items: center;
    div:nth-child(1) {
      flex-shrink: 0;
    }
  }
}
</style>
